﻿<div ng-controller="SummaryOverallPerformanceController as overallCtrl">
    <div class="border-spacer">Overall performance</div>
    <div class="row-fluid">
        <div class="col-md-4">
            <div class="sidebar-table-left no-border">
                <div class="green-number-bubble">
                    {{overallCtrl.companyOverall.score}}
                </div>
            </div>
            <div class="sidebar-table-right no-border" style="width: auto;">
                <div class="title-black-border">Corporate Governance Score</div>
                <ul class="esg-ratings">
                    <li ng-repeat="item in overallCtrl.assesmentList" style="float: none" ng-class="{active:overallCtrl.companyOverall.assementStr===item}">{{item}}</li>
                </ul>
            </div>
            <div class="clear">&nbsp;</div>
        </div>
        <div class="col-md-4">



            <div ng-if="overallCtrl.govProfile.companyGovernanceProfile.fullProfile">
                <div>
                    <div class="sidebar-table-left no-border">
                        <div class="trend-arow-large trend-arow-{{ overallCtrl.companyOverall.outlook}}"></div>
                    </div>
                    <div class="sidebar-table-right no-border" style="width: auto;">
                        <div class="title-black-border">
                            Outlook
                        </div>
                        {{ overallCtrl.companyOverall.outlookStr }}

                    </div>
                </div>
            </div>

            <div class="clear">&nbsp;</div>
        </div>
        <div class="col-md-4"></div>
        <div class="clear"></div>
    </div>
    <div class="border-spacer" ng-if="overallCtrl.govProfile.companyGovernanceProfile.fullProfile">Analyst View</div>
    <div class="border-spacer" ng-if="!overallCtrl.govProfile.companyGovernanceProfile.fullProfile">Overview</div>
    <div class="clear"></div>
    <div ng-bind-html="overallCtrl.RenderHTML(overallCtrl.companyOverall.analystView)" style="font-weight: normal; font-size: 14px" >
        <br />

    </div>
</div>


